<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>Title</title>
    <!--把jquery引入进来-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $(function(){
            //获取所有的div标签对象数组
            var div$=$('div')
            console.group('普通for循环输出');
            for (var index=0;index<div$.length;index++){
                console.log(div$.get(index).innerHTML);
            }
            console.groupEnd();
            console.group('jquery01循环输出');
            div$.each(function(index,element){
                //index:所遍历元素在数组中的索引   element:表示js对象
                console.log(element.innerHTML);
                console.log(div$.get(index).innerHTML);
                console.log(this.innerHTML);
                //this关键字  表示所遍历的元素   是js对象
            });
            console.groupEnd();
        })
    </script>
</head>
<body>
<div>div里的内容1</div><br>
<div>div里的内容2</div><br>
<div>div里的内容3</div><br>
<div>div里的内容4</div><br>
<div>div里的内容5</div><br>
</body>
</html>